page {
	background-color: #f8f8f8;
}

.login {
	.title {
		display: flex;
		justify-content: space-around;
		align-items: center;
		color: #1c2023;
		background: linear-gradient(to right, #ddedff, #fff, #ddedff);
		height: 400rpx;
		position: relative;

		image {
			width: 250rpx;
			height: 220rpx;
		}

		.text {
			view {
				font-size: 57rpx;
				font-weight: 700;
				letter-spacing: 0.64px;
			}

			text {
				font-size: 24rpx;
				letter-spacing: 0.64px;
			}
		}
	}

	.form {
		position: absolute;
		bottom: -980rpx;
		background-color: #fff;
		border-radius: 20rpx;
		width: 710rpx;

		.content {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: 30rpx;
			border-radius: 20rpx;

			.label {
				min-width: 100px;
				font-size: 32rpx;
				letter-spacing: 0.64px;
				/* 文字/主色 */
				color: #363636;
			}

			.captcha {
				width: 100rpx;
				text-align: center;
				font-size: 24rpx;
				background-color: #477efe;
				padding: 10rpx 15rpx;
				border-radius: 10rpx;
				color: #e6e6e6;
				position: relative;
				top: 5rpx;
			}
		}

		.forget {
			text-align: right;
			position: relative;
			bottom: 20rpx;
			right: 20rpx;
			font-size: 32rpx;
			letter-spacing: 0.64px;
			/* 文字/主色 */
			color: #363636;
		}
	}

	.btn {
		margin-top: 20rpx;
		.text {
			margin-top: 15rpx;
			text-align: center;
			font-size: 28rpx;
			letter-spacing: 0.64px;

			/* 未注册？ */
			color: #363636;

			span {
				color: #477efe;
			}
		}
		.down {
			margin-top: 20rpx;
			text-align: center;
			a {
				text-decoration: none;
			}
		}
	}
}
